<template>
  <div id="sex" style="width:100%;height:220px;"></div>
</template>

<script>
// import {getsex, posts} from 'config/api';
export default {
  data () {
    return {
    //  人员性别、岗位统计
      sex_obj: {
        tooltip: {
          trigger: 'item',
          formatter: "{a} <br/>{b}: {c} ({d}%)"
        },
        legend: {
          data: ['岗位', '学历', '男性', '女性']  //  标识
        },
        series: [
          {
            name: '岗位名称：',
            type: 'pie',
            selectedMode: 'single',
            radius: [0, '40%'],
            center: ['50%', '65%'],
            label: {
              normal: {
                position: 'inner'
              }
            },
            labelLine: {
              normal: {
                show: false
              }
            },
            data: [
              {value: 22, name: '岗位'},
              {value: 21, name: '学历'}
            ]
          },
          {
            name: '性别：',
            type: 'pie',
            radius: ['50%', '65%'],
            center: ['50%', '65%'],
            label: {
              normal: {
                formatter: '{b}: {per|{d}%}  ',
                rich: {
                  a: {
                    align: 'center'
                  }
                }
              }
            },
            data: [
              {value: 1, name: '男性'},
              {value: 1, name: '女性'}
            ]
          }
        ]
      }
    };
  },
  created () {
    this.$nextTick(() => {
      // this.sex();  //  性别、岗位统计
    });
  },
  mounted () {
    let userFlow = echarts.init(document.getElementById('sex'), 'dark');
    this.sex_obj.series[1].data[0].value = (Math.random() * 1000).toFixed(2) - 0;
    this.sex_obj.series[1].data[0].value = (Math.random() * 1000).toFixed(2) - 0;
    this.sex_obj.series[0].data[0].value = (Math.random() * 1000).toFixed(2) - 0;
    this.sex_obj.series[0].data[1].value = (Math.random() * 1000).toFixed(2) - 0;
    userFlow.setOption(this.sex_obj);
    window.addEventListener('resize', function () {
      userFlow.resize();
    });
  },
  methods: {
    //  性别、岗位统计
    // sex () {
    //   //  性别数据
    //   getsex().then((res) => {
    //     let datas = res.data.data;
    //     let womans = datas[0].empCnt; //  男性
    //     let mans = datas[1].empCnt; //  女性
    //     this.sex_obj.series[1].data[0].value = mans;  //  男性
    //     this.sex_obj.series[1].data[1].value = womans;  //  女性
    //     let myChart = echarts.init(document.getElementById("sex")); //  获取Canvas
    //     myChart.setOption(this.sex_obj); //  插入数据
    //     window.addEventListener('resize', function () { //  Canvas自适应
    //       myChart.resize();
    //     });
    //   });
    //   //  岗位数据
    //   posts().then((res) => {
    //     let datas = res.data.data;
    //     let baojie = datas[0].empCnt; //  保洁员
    //     let xuncha = datas[1].empCnt; //  巡查员
    //     this.sex_obj.series[0].data[0].value = baojie;  //  保洁员
    //     this.sex_obj.series[0].data[1].value = xuncha;  //  巡查员
    //     let myChart = echarts.init(document.getElementById("sex")); //  获取Canvas
    //     myChart.setOption(this.sex_obj); //  插入数据
    //     window.addEventListener('resize', function () { //  Canvas自适应
    //       myChart.resize();
    //     });
    //   });
    // }
  }
};
</script>
